<link href="<?php echo ThemePath(); ?>/css/flexslider.css" rel="stylesheet" type="text/css" />
<script type='text/javascript' src="<?php echo ThemePath(); ?>/js/jquery.flexslider.min.js"></script>
<div class="relative">
    <div class="flexslider loading">
        <ul class="slides">
            <li>
                <img src="<?php echo ThemePath(); ?>/images/slider/slide.jpg" alt="image"/>
                <div class="flex-caption">
                    <div class="container">
                        <div class="row">
                            <div class="span12">
                                <div class="flex-content">
                                    <h4>Classes<br />&amp; Workshops</h4>
                                    <p>Check out and inquire about our one day classes<br />and workshops</p>
                                    <div class="slideButton">
                                        <a href="javascript:void(0);" class="knowmore">Know More</a>
                                        <a href="javascript:void(0);" class="taketour">Take A Tour</a>
                                    </div>
                                    <div class="more-info">
                                        <p>Weekend<br /><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_WEEKEND)); ?>">Click here to know more</a></p>
                                        <span class="sprite slideIcon1"></span>
                                    </div>
                                </div> 
                            </div>    
                        </div>
                    </div>
                </div>
            </li>
            <li>
                <img src="<?php echo ThemePath(); ?>/images/slider/slide.jpg" alt="image"/>
                <div class="flex-caption">
                    <div class="container">
                        <div class="row">
                            <div class="span12">
                                <div class="flex-content">
                                    <h4>Classes<br />&amp; Workshops</h4>
                                    <p>Check out and inquire about our one day classes<br />and workshops</p>
                                    <div class="slideButton">
                                        <a href="javascript:void(0);" class="knowmore">Know More</a>
                                        <a href="javascript:void(0);" class="taketour">Take A Tour</a>
                                    </div>
                                    <div class="more-info">
                                        <p>Kids Class<br /><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_KIDS)); ?>">Click here to know more</a></p>
                                        <span class="sprite slideIcon1"></span>
                                    </div>
                                </div> 
                            </div>    
                        </div>
                    </div>
                </div>
            </li>					
            <li>
                <img src="<?php echo ThemePath(); ?>/images/slider/slide.jpg" alt="image"/>
                <div class="flex-caption">
                    <div class="container">
                        <div class="row">
                            <div class="span12">
                                <div class="flex-content">
                                    <h4>Classes<br />&amp; Workshops</h4>
                                    <p>Check out and inquire about our one day classes<br />and workshops</p>
                                    <div class="slideButton">
                                        <a href="javascript:void(0);" class="knowmore">Know More</a>
                                        <a href="javascript:void(0);" class="taketour">Take A Tour</a>
                                    </div>
                                    <div class="more-info">
                                        <p>Post Work<br /><a href="<?php echo $this->createAbsoluteUrl('classes/workshopcourses', array('searchtype' => SEARCH_TYPE_POST_WORK)); ?>">Click here to know more</a></p>
                                        <span class="sprite slideIcon1"></span>
                                    </div>
                                </div> 
                            </div>    
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>            
    <div class="searchWrap">
        <div class="container">
            <div class="row">
                <div class="span12">
                    <div class="pull-right">
                        <div class="box">
                            <h6>Search</h6>                               
                            <?php
                            echo CHtml::beginForm(Yii::app()->controller->createUrl('/classes/search'), 'POST', array('id' => 'Search','class'=>'remmargin'));
                            ?>
                            <fieldset>
                                <div class="col col1">
                                    <?php echo CHtml::dropDownList('category', '', CHtml::listData(Category::model()->findAll('status=' . SkillConfig::STATUS_ACTIVE), 'id', 'name'), array('empty' => 'Select Category', 'class' => 'selectcat', 'id' => 'select_category_id')); ?>
                                </div>
                                <div class="col col2">
                                    <input type="text" name="learn" placeholder="I want to learn" class="field">
                                </div>
                                <div class="col col3">                              
                                    <?php echo CHtml::dropDownList('location', '', CHtml::listData(ClassVenue::model()->findAll('status=' . SkillConfig::STATUS_ACTIVE.' GROUP BY venue_locality'), 'id', 'venue_locality'), array('empty' => 'Select Location', 'class' => 'selectarea', 'id' => 'select_location_id')); ?>
                                </div>
                                <div class="col col4">
                                    <input type="submit" class="btn-orange" value="Go">
                                </div>
                            </fieldset>
                            <?php echo CHtml::endForm(); ?>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>           
</div>

<div class="homeCategory">
    <div class="container">
        <div class="row">
            <ul class="catList">

                <li class="span4">
                    <a href="javascript:void();" id="mycourse">
                        <div class="padding">
                            <span class="catIcon">
                                <em class="sprite courseIco"></em>
                            </span>
                            <div class="txtCourse"><h4>Courses</h4></div>                      
                        </div>
                    </a>  
                </li>
                <li class="span4">
                    <a href="javascript:void();" id="myclassworkshop">
                        <div class="padding">                                    
                            <span class="catIcon">
                                <em class="sprite workshopIco"></em>
                            </span>
                            <div class="txtWork"><h4>Classes<br />&amp; Workshops</h4></div>
                        </div>
                    </a>
                </li>
				
                <li class="span4">
                    <a href="javascript:void();" id="mycurateclass">
                        <div class="padding">
                            <span class="catIcon">
                                <em class="sprite classsIco"></em>
                            </span>
                            <div class="txtClass"><h4>Curated Classes</h4></div> 
							<p id="mycoursescroll"></p>                     
                        </div>
                    </a>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--Category Selection-->

<!--Courses Craousl-->
<section class="contentCntr classSliding" >
    <div class="container">
        <div class="row">        	
            <div class="wide980">
                <div class="span12">
                    <div class="addmarginB10">

                        <h3 class="font-opensanslt remmarginT fnt-size24 txttTransformNorml txt000 fntweghtNml">Courses<a href="<?php echo $this->createAbsoluteUrl('/classes/classcategory', array('type' => 'course')); ?>" class="addmarginT5 txt000 fnt-size12 floatR">See all</a></h3>
                        <div class="courses-crousl clsListing" data-navigation="courses-crousl-nav">
                            <ul class="crsl-wrap">
                                <?php
                                $this->widget('zii.widgets.CListView', array(
                                    'dataProvider' => $coursedataProvider,
                                    'id' => 'ajaxListView',
                                    'summaryText' => '',
                                    'itemView' => '_coursesList',
                                ));
                                ?>

                            </ul>
                        </div>                       
                    </div>                      
                </div> 
				                             
                <div id="courses-crousl-nav" class="crsl-nav">
                    <a href="javascript:void(0);" class="previous"><img src="<?php echo ThemePath(); ?>/images/white-left-aw.png" alt="left-slide" /></a>
                    <a href="javascript:void(0);" class="next"><img src="<?php echo ThemePath(); ?>/images/white-right-aw.png" alt="right-slide" /></a>
                </div> 
            </div>   
        </div>
	<a id="myclassworkshopscroll"></a>
	</div>  
</section>

<!--End Courses-->
<!--Class And Workshop Craousl-->

<section class="contentCntr blueBg classSliding">
    <div class="container">
        <div class="row">        	
            <div class="wide980">
                <div class="span12">
                    <div class="addmarginB10">

                        <h3 class="font-opensanslt remmarginT fnt-size24 txttTransformNorml txtfff fntweghtNml">Classes &amp; Workshops<a href="<?php echo $this->createAbsoluteUrl('/classes/classcategory', array('type' => 'workshop')) ?>" class="addmarginT5 txtfff fnt-size12 floatR">See all</a></h3>
                        <div class="workshop-crousl clsListing" data-navigation="workshop-crousl-nav">
                            <ul class="crsl-wrap">
                                <?php
                                $this->widget('zii.widgets.CListView', array(
                                    'dataProvider' => $classWorkShopdataProvider,
                                    'id' => 'ajaxListView',
                                    'summaryText' => '',
                                    'itemView' => '_workshopClassesList',
                                ));
                                ?>
                            </ul> 
                        </div>                       
                    </div>                      
                </div>                             
                <div id="workshop-crousl-nav" class="crsl-nav">
                    <a href="javascript:void(0);" class="previous"><img src="<?php echo ThemePath(); ?>/images/grey-left-aw.png" alt="left-slide" /></a>
                    <a href="javascript:void(0);" class="next"><img src="<?php echo ThemePath(); ?>/images/grey-right-aw.png" alt="right-slide" /></a>
                </div> 
            </div>   
        </div>
    </div>    
</section>

<!--End Class And Workshop-->
<!--Curated Classes Craousl-->
<a id="mycurateclassscroll"></a>
<section class="contentCntr classSliding">
    <div class="container">
        <div class="row">        	
            <div class="wide980">
                <div class="span12">
                    <div class="addmarginB10">

                        <h3 class="font-opensanslt remmarginT fnt-size24 txttTransformNorml txt000 fntweghtNml">Curated Classes<a href="<?php echo $this->createAbsoluteUrl('/classes/classcategory', array('type' => 'curatedclasses')); ?>" class="addmarginT5 txt000 fnt-size12 floatR">See all</a></h3>
                        <div class="curated-crousl clsListing" data-navigation="curated-crousl-nav">
                            <ul class="crsl-wrap">
                                <?php
                                $this->widget('zii.widgets.CListView', array(
                                    'dataProvider' => $classCureteddataProvider,
                                    'id' => 'ajaxListView',
                                    'summaryText' => '',
                                    'itemView' => '_curatedclassesList',
                                ));
                                ?>
                            </ul>
                        </div>                       
                    </div>                      
                </div>                             
                <div id="curated-crousl-nav" class="crsl-nav">
                    <a href="javascript:void(0);" class="previous"><img src="<?php echo ThemePath(); ?>/images/grey-left-aw.png" alt="left-slide" /></a>
                    <a href="javascript:void(0);" class="next"><img src="<?php echo ThemePath(); ?>/images/grey-right-aw.png" alt="right-slide" /></a>
                </div> 
            </div>   
        </div>
    </div>    
</section>
<!--End Curated Classes-->
<!--Our Features-->
<section class="contentCntr homefeature">
    <div class="container">
        <div class="row">
            <div class="span12">
                <h3 class="font-opensanslt remmargin linHnml fnt-size24 txttTransformNorml addmarginB20 txtfff fntweghtNml">Our Features</h3>
                <div class="row">
                    <ul>
                        <li class="span4">
                            <span class="sprite expIco"></span>
                            <h6><?php echo OUR_FEATURES_TEACHERS; ?></h6>
                            <p><?php echo OUR_FEATURES_TEACHERS_TEXT; ?></p>
                        </li>
                        <li class="span4">
                            <span class="sprite infoIco"></span>
                            <h6><?php echo OUR_FEATURES_CLASSES; ?></h6>
                            <p><?php echo OUR_FEATURES_CLASSES_TEXT; ?></p>
                        </li>
                        <li class="span4">
                            <span class="sprite feeIco"></span>
                            <h6><?php echo OUR_FEATURES_FEE; ?></h6>
                            <p><?php echo OUR_FEATURES_FEE_TEXT; ?></p>
                        </li>
                    </ul>
                </div>
            </div>            
        </div>
    </div>
</section>	
<!--Features End-->
<!--Corporate Relationship-->
<section class="contentCntr">
    <div class="container">
        <div class="row">
            <div class="span12">
                <div class="corporateBox">
                    <div class="padding20px">
                        <h3 class="font-opensanslt remmarginT addpaddingB10 fnt-size24 linHnml txttTransformNorml txtfff fntweghtNml">SkillHippo  Corporate Relationships</h3>
                        <div class="corporate-crousl">
                            <ul class="crsl-wrap">
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img1.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img2.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img3.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img4.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img1.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img2.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img3.jpg" /></li>
                                <li class="crsl-item"><img src="<?php echo ThemePath(); ?>/images/partner-img4.jpg" /></li>
                            </ul>        
                        </div>
                    </div>                    
                </div>
            </div>
        </div>
    </div>
</section>
<!--End Corporate Relationship-->
<!--User Testimonial-->
<?php $this->renderPartial('/reviews/_reviewsHomePage'); ?>
<!--End User Testimonial-->

<script>
    jQuery(document).ready(function() {
		$("#mycourse").click(function(event) {$('html, body').animate({scrollTop: $("#mycoursescroll").offset().top}, 2500);});
		$("#myclassworkshop").click(function(event) {$('html,body').animate({scrollTop: $("#myclassworkshopscroll").offset().top -47},3000);});
		$("#mycurateclass").click(function(event) {$('html,body').animate({scrollTop: $("#mycurateclassscroll").offset().top -110},3000);});
	
        jQuery('javascript:void(0);reviewCarousel').carousel({
            interval: 4000
        })       
    });
</script>
<script>
    jQuery(document).ready(function($){
        //Workshop Crousal
        $('.workshop-crousl').respCaro({ overflow: false, visible: 4, itemMinWidth: 220, itemMargin:20, autoRotate: 5000 });
        //Courses Crousal
        $('.courses-crousl').respCaro({ overflow: false, visible: 4, itemMinWidth: 220, itemMargin:20, autoRotate: 6000 });	
        //Curated Class Crousal
        $('.curated-crousl').respCaro({ overflow: false, visible: 4, itemMinWidth: 220, itemMargin:20, autoRotate: 7000 });	
        //Partners Crousal
        $('.corporate-crousl').respCaro({ overflow: false, visible: 4, itemMinWidth: 220, itemMargin:20, autoRotate: 5000 });	
        //Testimonial Crousal
        $('.testimonial-crousl').respCaro({ overflow: false, visible: 2, itemMinWidth: 220, itemMargin:20, autoRotate: 7000 });	
    });
</script>
<script> 
    jQuery(document).ready(function(){
        "use strict";	
        jQuery('.flexslider').flexslider({
            animation: "fade",
            animationLoop: true,
            directionNav: false,
            start: function(slider) {
                jQuery( '.flexslider' ).removeClass('loading');
            }
        });
        $('.selectcat').fancyfields();
        $('.selectarea').fancyfields();
    });           
</script>